[V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter, Space_Grotesk, DM_Sans } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"], display: "swap", variable: "--font-inter", }) const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], display: "swap", variable: "--font-space-grotesk", }) const dmSans = DM_Sans({ subsets: ["latin"], display: "swap", variable: "--font-dm-sans", }) export const metadata: Metadata = { title: "AI Solutions - Build Smarter, Faster, with AI That Works", description: "We design, develop, and deploy custom Machine Learning & AI solutions for businesses of all sizes — faster than you think.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.145 0.05 240); /* Dark navy */ --foreground: oklch(0.985 0 0); /* White text */ --card: oklch(0.18 0.05 240); /* Slightly lighter navy for cards */ --card-foreground: oklch(0.985 0 0); --popover: oklch(0.18 0.05 240); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.6 0.25 240); /* Electric blue */ --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.25 0.05 240); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.25 0.05 240); --muted-foreground: oklch(0.7 0 0); --accent: oklch(0.65 0.3 300); /* Neon purple */ --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.985 0 0); --border: oklch(0.3 0.05 240); --input: oklch(0.25 0.05 240); --ring: oklch(0.6 0.25 240); --chart-1: oklch(0.6 0.25 240); --chart-2: oklch(0.65 0.3 300); --chart-3: oklch(0.7 0.2 180); --chart-4: oklch(0.75 0.2 120); --chart-5: oklch(0.8 0.2 60); --radius: 0.625rem; --sidebar: oklch(0.18 0.05 240); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.6 0.25 240); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.25 0.05 240); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.3 0.05 240); --sidebar-ring: oklch(0.6 0.25 240); } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); /* Adding new font variables for Space Grotesk and DM Sans */ --font-sans: var(--font-dm-sans); --font-serif: var(--font-space-grotesk); --font-mono: var(--font-inter); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground font-sans; } } /* Adding revolutionary animations for the extraordinary design */ /* Particle drift animation for background elements */ @keyframes particle-drift { 0% { transform: translateY(0px) translateX(0px); opacity: 0.3; } 50% { transform: translateY(-100px) translateX(50px); opacity: 0.8; } 100% { transform: translateY(-200px) translateX(-30px); opacity: 0; } } /* Neural network pulse animation */ @keyframes neural-pulse { 0%, 100% { opacity: 0.2; stroke-width: 1; } 50% { opacity: 0.8; stroke-width: 2; } } /* Text assembly animation for AI phrases */ @keyframes text-assemble { 0% { opacity: 0; transform: translateY(30px) scale(0.9); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0px) scale(1); filter: blur(0px); } } /* Glow pulse for important elements */ @keyframes glow-pulse { 0%, 100% { box-shadow: 0 0 20px rgba(8, 145, 178, 0.3); } 50% { box-shadow: 0 0 40px rgba(8, 145, 178, 0.6), 0 0 60px rgba(250, 204, 21, 0.3); } } /* 3D node floating animation */ @keyframes node-float { 0%, 100% { transform: translateY(0px) rotateX(0deg); } 33% { transform: translateY(-15px) rotateX(5deg); } 66% { transform: translateY(-5px) rotateX(-3deg); } } /* Fractal background shift */ @keyframes fractal-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Apply animations */ .animate-particle-drift { animation: particle-drift linear infinite; } .animate-neural-pulse { animation: neural-pulse ease-in-out infinite; } .animate-text-assemble { animation: text-assemble 1.2s ease-out forwards; } .animate-glow-pulse { animation: glow-pulse 3s ease-in-out infinite; } .animate-node-float { animation: node-float 6s ease-in-out infinite; } .animate-fractal-shift { animation: fractal-shift 20s ease-in-out infinite; background-size: 400% 400%; } /* 3D perspective utilities */ .perspective-1000 { perspective: 1000px; } .transform-3d { transform-style: preserve-3d; } .rotate-y-12 { transform: rotateY(12deg); } /* Original animations preserved */ @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } @keyframes pulse-glow { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.8; } } .animate-float { animation: float 6s ease-in-out infinite; } .animate-pulse-glow { animation: pulse-glow 3s ease-in-out infinite; } [V0_FILE]typescriptreact:file="app/page.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { ArrowRight, Brain, Zap, Eye, Target, TrendingUp, BarChart3 } from "lucide-react" import { useEffect, useState } from "react" export default function RevolutionaryAIExperience() { const [scrollY, setScrollY] = useState(0) const [currentPhrase, setCurrentPhrase] = useState(0) const [isVisible, setIsVisible] = useState(false) const aiPhrases = [ "You're entering the mind of intelligence itself.", "We see patterns humans can't.", "We create solutions others won't.", "The future is not waiting.", "Neither should you.", ] useEffect(() => { const handleScroll = () => setScrollY(window.scrollY) window.addEventListener("scroll", handleScroll) // Trigger phrase animation const timer = setTimeout(() => setIsVisible(true), 1000) // Cycle through phrases const phraseTimer = setInterval(() => { setCurrentPhrase((prev) => (prev + 1) % aiPhrases.length) }, 3000) return () => { window.removeEventListener("scroll", handleScroll) clearTimeout(timer) clearInterval(phraseTimer) } }, []) return (

{/* Floating Navigation */} {/* 1. ARRIVAL / AWAKENING */}

{/* Particle Field Background */}

{[...Array(50)].map((_, i) => (

))}

{/* Neural Network Lines */}

{/* Central Content */}

{aiPhrases[currentPhrase]}

{/* Scroll Indicator */}

{/* 2. THE INTELLIGENCE SPEAKS */}

Build Smarter, Faster, with AI
That Works in the Real World

We design, develop, and deploy custom Machine Learning & AI solutions that transform businesses — faster than you think, smarter than you imagined.

{/* 3. CAPABILITY REALMS - 3D Floating Nodes */}

Enter the Capability Realms

Three dimensions of AI mastery, each a gateway to transformation

{/* Predictive Systems Node */}

Predictive Systems

See the future before it happens. Our ML models predict patterns, behaviors, and outcomes with unprecedented accuracy.

Neural Networks

{/* Autonomous Decisions Node */}

Autonomous Decisions

Intelligence that acts. Our AI systems make complex decisions in real-time, learning and adapting continuously.

Deep Learning

{/* Adaptive Learning Node */}

Adaptive Learning

Evolution in action. Our systems grow smarter with every interaction, constantly optimizing for better outcomes.

Reinforcement Learning

{/* 4. PROOF THROUGH VISION - Horizontal Scroll */}

Proof Through Vision

Journey through worlds we've transformed with intelligence

{/* E-commerce Data World */}

E-commerce

+45%

Personalized Product Recommendations

Transformed a struggling e-commerce platform into a conversion machine using collaborative filtering and deep learning.

Conversion Rate +45%

User Engagement +60%

Revenue Impact $2.3M

{/* Healthcare Data World */}

Healthcare

95%

Medical Image Analysis

Computer vision model that revolutionized diagnostic accuracy while reducing review time by 70%.

Accuracy Rate 95%

Time Reduction -70%

Lives Impacted 50K+

{/* Manufacturing Data World */}

Manufacturing

-80%

Predictive Maintenance

IoT sensor analysis with ML models that predict failures before they happen, saving millions.

Downtime Reduction -80%

Cost Savings $4.2M

Efficiency Gain +35%

{/* 5. INVITATION TO COLLABORATE - Cinematic CTA */}

{/* AI Fractal Background */}

{/* Floating Geometric Shapes */}

{[...Array(20)].map((_, i) => (

))}

The future is not waiting.
Neither should you.

Ready to transcend the ordinary? Our AI architects are standing by to design your transformation.

{/* Trust Indicators */}

500+

AI Solutions Deployed

$50M+

Value Generated

99.9%

Uptime Achieved

{/* Minimal Footer */}

) }

Build Smarter, Faster, with AI That Works in the Real World

About

Tags

Share

About

Tags

Share

More from abhilashsahoo

More Templates Like This